.myFootmark_box {
    // background-color: rgb(240, 240, 240);
    width: 100vw;
    height: 100vh;


    .myFootmark_body {
        // margin-top: 10vw;
        width: 100vw;
        height: calc(100vh - 55px);
        // background-color: #fff;
        // border-radius: 3vw 3vw 0 0;
        overflow-y: auto;
        // padding-bottom: 15vw;

        >div {
            width: 90vw;
            margin: 0 auto;
            // background-color: rgb(240, 240, 240);
            margin-top: 20px;
        }

        img {
            width: 25vw;
            border-radius: 2vw;

        }

        .myFootmark_checkbox {
            margin: calc(10vw / 6);

            input {
                vertical-align: text-bottom;
                margin-right: 8px;
            }
            .myFootmark_time{
                font-weight: 500;
            }
        }

        .myFootmark_content {
            display: flex;
            flex-wrap: wrap;

            >div {
                position: relative;

                .myFootmark_label {
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    left: 0;
                    right: 0;
                }
            }

            .myFootmark_contents {
                position: relative;
                width: calc(80vw / 3);
                margin: calc(10vw / 6);

                >p {
                    margin-bottom: 0em
                }

                .myFootmark_rightTop {
                    position: absolute;
                    right: 4vw;
                    top: 2vw;
                }
            }

            .myFootmark_money {
                font-size: 12px;
                color: red;
            }
        }


    }

    // 底部全选
    .myCollect_allSelect {
        position: fixed;
        height: 15vw;
        width: 100vw;
        font-size: 14px;
        box-shadow: 0px -1px 1px #ccc;
        bottom: 0;
        background-color: #fff;

        .myCollect_allcontent {
            width: 90vw;
            height: 15vw;
            margin: 0 auto;
            // background-color: azure;
            display: flex;
            justify-content: space-between;

            .myCollect_allcontentBox {
                line-height: 15vw;

                #allSelect {
                    width: 10vw;
                    // margin-right: 5vw;
                    // vertical-align: text-bottom;
                    // appearance: none;
                    // -webkit-appearance: none;
                    // outline: none;
                    // display: none;
                    // width: 14px;
                    // height: 14px;
                    // display: inline-block;
                    // margin-right: 14px;
                    // border: 1px solid #ccc;
                    // border-radius: 50%;
                    // background: url("https://img-blog.csdn.net/20171212172149509?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvemhpc2hpX3R1ZG91bmk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast") no-repeat;

                }

                // #allSelect:checked {
                //     background-image: url("https://img-blog.csdn.net/20171212172212797?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvemhpc2hpX3R1ZG91bmk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast")
                // }

                // .allSelectTitle {
                //     // background-color: bisque;
                // }

            }

            .delTitle {
                height: 9vw;
                width: 18vw;
                line-height: calc(9vw - 2px);
                text-align: center;
                border-radius: 5vw;
                margin-top: 3vw;
                border: 1px solid red;
                color: red;
            }
        }
    }
}